<template>
	<view class="bz p-2" >
		<view class="wrap_list bz p-2 d-flex flex-nowrap a-center bg-white b-radius1 mb-2" v-for="(item,index) in 10" :key="index"  @click="navTo('/pages/store/order/order')">
			<image src="/static/2.png" class="img" mode=""></image>
			<view class="flex-1 px-2">
				<view class="title">张琳</view>
				<view class="address my-1">服务时间: 09:00 : 21:30</view>
				<view class="address">服务人数: 30人</view>
			</view>
			<!-- <view class="btn">预约</view> -->
		</view>
	</view>
</template>

<script>
	var _this;
	export default {
		data() {
			return {
				height:'',
				tab:['门店','员工'],
				tabIndex:0
			}
		},
		onLoad() {
			_this=this;
			uni.getSystemInfo({
				success: function (res) {
					console.log(res.windowHeight)
					_this.height=res.windowHeight
				}
			});
		},
		methods: {
			checkOne(e){
				this.tabIndex=e;
			},
			navTo(e){
				uni.navigateTo({
					url:e
				})
			}
		}
	}
</script>

<style scoped lang="scss">
.wrap_name{
		height: 80rpx;
		line-height: 80rpx;
		color: #2E4E7E;
		font-size: 33rpx;
		font-family: SourceHanSansCN;
		font-weight: bold;
		color: #2E4E7E;
	}
	.wrap_list{
		border-bottom: 1rpx solid #f8f8f8;
		.img{
			height: 100rpx;
			width: 100rpx;
			border-radius: 50%;
		}
		.title{
			height: 40rpx;
			line-height: 40rpx;
			font-size: 30rpx;
			font-family: SourceHanSansCN;
			font-weight: 400;
			color: #363636;
		}
		.address{
			font-size: 25rpx;
			font-family: SourceHanSansCN;
			font-weight: 400;
			color: #B2B2B2;
		}
		.price{
			font-size: 23rpx;
			font-family: SourceHanSansCN;
			font-weight: bold;
			color: #C52525;
		}
		.tag{
			font-size: 23rpx;
			font-family: SourceHanSansCN;
			font-weight: bold;
			color: #B2B2B2;
		}
		.btn{
			width: 90rpx;
			height: 40rpx;
			line-height: 40rpx;
			background: #2E4E7E;
			border-radius: 20rpx;
			font-size: 25rpx;
			font-family: SourceHanSansCN;
			font-weight: 400;
			color: #FFFFFF;
			text-align: center;
		}
	}

</style>
